*
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
	// -webkit-user-select:none;
html,body
	height 100%
	min-height:100%
	width 100%
	background-color:#fff
	font-family "Droid Sans Fallback","华文细黑","微软雅黑";
	word-break break-all
	-webkit-user-select none
html 
	font-size: 62.5%;
	color $c-default
	webkit-user-select none
	user-select none

body 
	font-size: 1.6rem;

ul,li
	list-style-type: none
a
	text-decoration: none
	color inherit
	cursor default
	&:active,&:visited
		color inherit
input,select,textarea
	outline none
	border 0
	padding 0
	word-break break-all
	-webkit-touch-callout:none;
	touch-callout:none;
	-webkit-tap-highlight-color:transparent
	tap-highlight-color:transparent
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: $c-light;
    font-size 14px
    // line-height $listH
}
select,input[type='checkbox']{
	 -webkit-appearance: none;
	 outline none
	 background-color transparent
}
hr
	border none
	border-top 1px solid #e5e5e5
div[ng-show='proList.busy']
	margin-top 50px
div[ng-view]
	height 100%
div[relative-module]
	color #20bd3d
.btn
	line-height 35px
	border-radius 5px
	background #6da8ee
	text-align center
	color #fff
.btn-upload
	background-color #45c35a
	width 100px
.btn-submit
	width 60px
.btn-succ
	background-color #13C311
.userpic-list
	li
		float left
		width 20%
		padding 0 7px
		border-radius 50%
		overflow hidden
		img
			width 100% 
.masker
	background rgba(0,0,0,0.2)
	position fixed
	left 0
	top 0
	width 100%
	height 100%
	z-index 99
.loader
	size(100%,100%)
	position absolute
	left 0
	top 0
	.loading-wrapper
		border-radius 10px
		width 100px
		center()
		background #515b6b
		color #fff
		text-align center
		padding 10px 
.toast-bottom-center
	bottom 50px;
.toast-wrapper
	position absolute
	bottom 60px
	min-width 80%
	padding 10px 5px
	line-height 25px
	background rgba(0,0,0,0.7)
	color #fff
	tslate(-50%,0);
	left 50%
	text-align center
	border-radius 10px
// 列表样式
$bdc?=#e8e5f3
.list
	& >.list-item
		  padding 20px
		  line-height 20px
.celled
	border-bottom 1px solid $bdc;
.dashed
	border-bottom 1px dashed $bdc;
$hh?=50px
.header
	height $hh
	line-height $hh
	background: #303a53
	text-align center
	color #fff
	position: relative;
	&.fixed
		position fixed
		top 0
		left 0
		width 100%
		z-index 999
	input
		text-align center
		line-height 30px
		border 1px solid #5F74A9
		border-radius 5px
		background transparent
	input::-webkit-input-placeholder
		text-align center
		
.header.fixed~.container
	margin-top 50px
.ring
	position absolute
	right 10px
	top: 15px;
	background url("../images/msg.png") 0 0 no-repeat
	size(20px,20px)
	background-size 15px 16px
.ring
	.icon
		position absolute
		right -3px
		top: -4px;
		background #fb638a
		size(6px,6px)
		border-radius 50%
$pding=20px
	.backbtn
		position absolute
		left $pding
		top 0
		width 50px;
		background transparent url("../images/backbtn.png") 0 center no-repeat
		font-size 12px
		text-indent .5em
		background-size 13px 16px
	.nextbtn
		position absolute
		right $pding
		top 0
.left-btn,.right-btn
	position absolute
	top 0
	bottom 0
	padding 0 $pding
.left-btn
	left 0
.right-btn
	right 0
.top-menu
	height 105px;
	background #364363
	bBox()
	padding 15px 0
	.top-menu-item
		border-right 1px solid #37476b
		color #466ba0
		line-height 130px
		position relative
		&::last-child
			border-right none
		&.newflow
			background transparent url("../images/newflow.png") center 0 no-repeat
			background-size 50px 50px
		&.aboutme
			background transparent url("../images/aboutme.png") center 0 no-repeat
			background-size 50px 50px
		&.newtask
			background transparent url("../images/newtask.png") center 0 no-repeat
			background-size 50px 50px
		&.newflow.active
			background-image url("../images/newflowA.png")
			color #fff
		&.aboutme.active
			background-image url("../images/aboutmeA.png")
			color #fff
		&.newtask.active
			background-image url("../images/newtaskA.png")
			color #fff
		.msg
			position absolute
			top: -5px
			left 50%
			margin-left 25px
			border-radius 50%
			background-color #fb638a
			color #fff
			line-height 17px
			size(17px,17px)
.container{
	 -webkit-overflow-scrolling: touch
	 position absolute
	 top 50px
	 left 0
	 bottom 0
	 overflow-y scroll
	 width 100%
	 padding-bottom 20px
}
.container *
	bBox()
.container>* {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px)
}
.container.index
	position absolute
	top 155px
	bottom 50px
//个模块标签名字 
.module-label
	line-height: 12px;
	padding: 7px 20px;
	background #e9e9e9
	p
		border-left 2px solid $c-default;
		text-indent 1em
$footer-H?=50px
footer,
.footer
	background #f2f2f2
	position fixed
	z-index 99
	bottom 0
	left 0
	right 0		
	height $footer-H
	line-height: $footer-H
	color #768396
	border-top 1px solid #ebebeb
	a
		display block
.footer
	.home
		background-image url("../images/home.png")
		&.active
			background-image url("../images/homeA.png")
			color #3abbff
	.talk
		background-image url("../images/iconfont-liaotian.png")
		&.active
			background-image url("../images/iconfont-liaotianA.png")
			color #3abbff
	.work
		background-image url("../images/work.png")
		&.active
			background-image url("../images/workA.png")
			color #3abbff
	.contact
		background-image url("../images/contact.png")
		&.active
			background-image url("../images/contactA.png")
			color #3abbff
	.user
		background-image url("../images/icon_user.png")
		&.active
			background-image url("../images/icon_userB.png")
			color #3abbff
	.talk,.home,.work,.contact,.user
		background-size 18px 18px
		background-repeat no-repeat
		background-position center 10px
		line-height 80px
		font-size 12px
// 审批记录
.task-detail-section
	border-radius 5px
	overflow hidden
	margin auto 5px
	div[class*='-title']
		line-height 40px
		color #fff
		text-indent 40px
.log-list
	.log-title
		background #4095ff url("../images/icon_eye.png") 10px center no-repeat
		background-size 20px
	.log-content
		padding 0 5px
		border 1px solid #ebebeb
		margin-top -1px
	.log-item
		padding 5px 0
		.log-item-result
			padding 0 5px
		.process-done
			border-left 4px solid green
			color green
		.process-fail
			border-left 4px solid $c-red
			color $c-red
		.process-ing
			border-left 4px solid blue
			color blue
.audit-dailog,.audit
	.audit-title
		background #2abd64 url("../images/icon_edit.png") 10px center no-repeat
		background-size 24px;
	.audit1-title
		background-color #4095ff
	textarea
		width 100%
		height 70px
		padding 15px
		bBox()
	.audit-btn
		line-height 40px
		border 1px solid #ebebeb
		.confirm,.cancel
			border-left 1px solid #ebebeb
			margin-left -1px
			img
				vertical-align middle
				width 20px
div[class*="-dailog"]
	z-index 999
	center()
	width 90%
	margin 0 auto
	background-color #fff
.audit-dailog
	background-color #fff
	border-radius 0
div[file-upload]
	.file-list
		li
			position relative
			&.img
				display inline-block
		img
			size(60px,60px)
			margin-right 10px
.file-upload-icon
	size(60px,60px)
.ball-rotate-wrapper
	position absolute
	left 0
	top: 0
	bottom 0
	width 100%
	overflow hidden
	.ball-rotate
		position absolute
		left 50%
		top 50%
		margin-left -25px
		margin-top -25px
.ball-rotate .ball-rotate-div{
	border-radius: 100%;
	margin: 2px;
    border: 2px solid #1F7DEC;
    border-bottom-color: transparent;
    height: 50px;
    width: 50px;
    text-indent -99em
    -webkit-animation: rotate .75s 0s linear infinite;
    animation: rotate .75s 0s linear infinite;
	}

.ball-rotate .ball-rotate-tip{
	center()
    height: 50px;
    width: 50px;
	}

@-webkit-keyframes rotate {
	0% {
			transform: rotate(0);  
		}
	100% {
	        transform: rotate(360deg);  
	    }
}
@keyframes rotate {
		0% {
			transform: rotate(0);  
		}
		100% {
	        transform: rotate(360deg);  
	    }

}
.file-wrapper
	position absolute
	top 0
	left 1%
	bottom 0
	width 98%
	z-index 999
	overflow hidden
	.img-wrapper
		margin-top 50px
		position relative
		height 100%
		width 100%
		overflow-x scroll
		img
			width 100%
	.del-btn
		background-position center center
		z-index 999
		transform:translateZ(999px)
